<!DOCTYPE html>
<!--[if IE]><![endif]-->
<!--[if IE 8 ]><html dir="{{ direction }}" lang="{{ lang }}" class="ie8"><![endif]-->
<!--[if IE 9 ]><html dir="{{ direction }}" lang="{{ lang }}" class="ie9"><![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html dir="{{ direction }}" lang="{{ lang }}" class=" js flexbox canvas canvastext webgl no-touch geolocation postmessage websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers applicationcache svg inlinesvg smil svgclippaths">
<!--<![endif]-->
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>{{ title }}</title>
<base href="{{ base }}" />
{% if description %}
<meta name="description" content="{{ description }}" />
{% endif %}
{% if keywords %}
<meta name="keywords" content="{{ keywords }}" />
{% endif %}
<script src="catalog/view/javascript/jquery/jquery-2.1.1.min.js" type="text/javascript"></script>
    <!--<link href="catalog/view/javascript/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen" />
    <script src="catalog/view/javascript/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
    <link href="catalog/view/javascript/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
    <link href="//fonts.googleapis.com/css?family=Open+Sans:400,400i,300,700" rel="stylesheet" type="text/css" />
    <link href="catalog/view/theme/default/stylesheet/stylesheet.css" rel="stylesheet">-->
    <!-- Plugin-CSS -->
    <link rel="stylesheet" href="catalog/view/theme/default/stylesheet/72-css/bootstrap.min.css?11">
    <link rel="stylesheet" href="catalog/view/theme/default/stylesheet/72-css/owl.carousel.min.css">
    <link rel="stylesheet" href="catalog/view/theme/default/stylesheet/72-css/themify-icons.css">
    <link rel="stylesheet" href="catalog/view/theme/default/stylesheet/72-css/animate.css">
    <link rel="stylesheet" href="catalog/view/theme/default/stylesheet/72-css/magnific-popup.css">

    <!-- Main-Stylesheets -->
    <link rel="stylesheet" href="catalog/view/theme/default/stylesheet/72-css/normalize.css">
    <link rel="stylesheet" href="catalog/view/theme/default/stylesheet/72-css/space.css">
    <link rel="stylesheet" href="catalog/view/theme/default/stylesheet/72-css/style.css">
    <link rel="stylesheet" href="catalog/view/theme/default/stylesheet/72-css/responsive.css">
    <script src="catalog/view/javascript/72-js/modernizr-2.8.3.min.js"></script>
{% for style in styles %}
<link href="{{ style.href }}" type="text/css" rel="{{ style.rel }}" media="{{ style.media }}" />
{% endfor %}
{% for script in scripts %}
<script src="{{ script }}" type="text/javascript"></script>
{% endfor %}
<script src="catalog/view/javascript/common.js" type="text/javascript"></script>
{% for link in links %}
<link href="{{ link.href }}" rel="{{ link.rel }}" />
{% endfor %}
{% for analytic in analytics %}
{{ analytic }}
{% endfor %}
</head>
<body data-spy="scroll" data-target="#mainmenu">
<!--Prelloader-markup-->
<div class="preloader" style="display: none;">
    <div class="preloader-spinner"></div>
</div>
<!--Header-area-->
<header class="relative header-area" id="home">

    <!--Mainmenu-area-->
    <nav class="mainmenu-area smoth navbar navbar-inverse navbar-fixed-top affix-top" data-spy="affix" data-offset-top="100">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#mainmenu">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <!--Logo-->
                <a class="navbar-brand" href="#home" style="padding:0px;"><img src="{{ logo }}" alt=""></a>
            </div>
            <div class="collapse navbar-collapse navbar-right" id="mainmenu">
                <ul class="nav navbar-nav">
                    <li class="active"><a href="#home"><img />首页</a></li>
                    <li><a href="#36kr"><img src="catalog/view/theme/default/image/72-image/72.png" />空间</a></li>
                    <!--<li><a href="#service"><img src="catalog/view/theme/default/image/72-image/72.png" />服务</a></li>-->
                    <li><a href="#news"><img src="catalog/view/theme/default/image/72-image/72.png" />资讯</a></li>
                    <li><a href="#about"><img />关于我们</a></li>
                    <li><a href="http://qierfaze.mikecrm.com/7G4wCN1" target="_blank" ><img />预约参观</a></li>
                    <li class=""><a href="{{ faq }}"><img />常见问题</a></li>
                    <!--<li><a href="#price">Price</a></li>
                    <li><a href="#contact">Contact</a></li> -->
                </ul>
            </div>
        </div>
    </nav>
</header>